<template>
	<view class="Loginpage">
		<van-image width="100" height="100" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
			class="imagecss" />
		<van-form @submit="onSubmit">
			<van-cell-group inset>
				<van-field v-model="username" name="用户名" label="用户名" placeholder="用户名"
					:rules="[{ required: true, message: '请填写用户名' }]" />
				<van-field v-model="password" type="password" name="密码" label="密码" placeholder="密码"
					:rules="[{ required: true, message: '请填写密码' }]" />
			</van-cell-group>
			<view style="margin: 16px;">
				<van-button round block type="primary" native-type="submit">
					提交
				</van-button>
			</view>
		</van-form>
	</view>
</template>

<script setup lang="ts">
	import {
		ref
	} from "vue";
	const username = ref('');
	const password = ref('');
	const onSubmit = (values) => {
		console.log('submit', values);
		uni.switchTab({
			url: '/pages/index/index'
		})
	};
</script>

<style scoped lang="scss">
	.Loginpage {
		width: 100%;
		height: 100%;
	}

	.imagecss {
		margin: 5% 35% 1% 35%;
	}
</style>